/* CSS file */
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
@namespace ctrl "com.ease.component.controls.*";
@namespace ax "com.ease.component.controls.menu.*";
@namespace dashboard "com.ease.component.controls.dashboard.*";

ctrl|AuroraDialog, .DialogPanel {
   border-skin: ClassReference("com.ease.component.skins.SmartPanelSkin");
   titleStyleName: "myDialogPanelTitle";
   headerColors: #666666, #666666;
   headerHeight: 30;
   borderStyle: solid;
   borderColor: #666666;
   borderAlpha: 1;
   borderThickness: 2;
   cornerRadius: 12;
   padding-top: 0;
   padding-right: 0;
   padding-bottom: 0;
   padding-left: 0;
   dropShadowEnabled: false;
   closeButtonSkin: Embed("assets/images/close_button.png");
   closeButtonDisabledSkin: Embed("assets/images/close_button_disable.png");
   closeButtonDownSkin: Embed("assets/images/close_button_down.png");
   closeButtonOverSkin: Embed("assets/images/close_button_over.png");
   closeButtonUpSkin: Embed("assets/images/close_button_up.png");
}

.DialogPanel {
   borderThicknessTop: -3;
   backgroundColor: #CECECE;
}

.myDialogPanelTitle {
   color: #ffffff;
}

.wizardControlbar {
   backgroudColor: #CECECE;
   horizontalAlign: "right";
   padding-top: 3;
   padding-bottom: 3;
}

.wizardPathList {
   paddingBottom: 5;
   paddingLeft: 0;
   paddingRight: 0;
   paddingTop: 5;
   borderColor: #e8e8e8;
   borderStyle: "solid";
   borderThickness: "1";
   border-sides: "right, bottom";
   backgroundColor: #f7f7f7;
   color: #000000;
}

.wizardComponent {
   verticalGap: 0;
   backgroudColor: #f7f7f7;
   padding-top: 10;
}

.wizardPathLink {
   height:20px;
   paddingTop: 0;
   paddingBottom: 0;
   paddingLeft: 28;
   textAlign: left;
   width: 168px;
   color: blue;
   corner-radius: 0;
   toggle-background-color: #f2f2f2;
   roll-over-color: #f2f2f2;
   selection-color: #f2f2f2;
}

.wizardPathLinkEnable {
   height:20px;
   paddingTop: 0;
   paddingBottom: 0;
   paddingLeft: 10;
   textAlign: left;
   color: blue;
   corner-radius: 0;
   toggle-background-color: #f2f2f2;
   roll-over-color: #f2f2f2;
   selection-color: #f2f2f2;
}

.wizardPathLinkCurrent {
   height:20px;
   paddingTop: 0;
   paddingBottom: 0;
   paddingLeft: 28;
   textAlign: left;
   color: black;
   corner-radius: 0;
   toggle-background-color: #9BBAEB;
   roll-over-color: #f2f2f2;
   selection-color: #f2f2f2;
}

.clientArea {
   background-color: #FFFFFF;
   padding-left: 8;
   padding-top: 16;
   padding-right: 8;
   padding-bottom: 0;
}

.wizardPanelClientArea {
   background-color: #FFFFFF;
   padding-left: 8;
   padding-top: 8;
   padding-right: 8;
   padding-bottom: 8;
}

/* right panel view */
.contentHeader {
   color: #000000;
   fontSize: 14px;
   borderColor: #999999;
   backgroundColor: #cdcdcd;
   paddingLeft:12;
   verticalAlign:"middle";
}

.DialogPanel {
   borderThicknessTop: -3;
   backgroundColor: #CECECE;
}

ax|AdvancedMenu {
   menu-title-skin: "menuTitleSkin";
   noActionsStyleName: "noActionsStyle";
   min-row-height: 10;
   paddingLeft: 10;
   paddingRight: 10;
   paddingBottom: 0;
   paddingTop: 0;
   separatorColor: #E3E3E4;
   separatorThickness: 1;
   rollOverColor:#3399FF;
   textRollOverColor:#FFFFFF;
   separatorSkin: ClassReference("com.ease.component.skins.MenuSeparator");
}

.menuTitleSkin {
   background-color: #FAFAFA;
   border-color: #DADADA;
   borderThicknessBottom: 1;
   borderThicknessRight: 0;
   borderThicknessLeft: 0;
   borderThicknessTop: 0;
   border-style: solid;
   font-weight: bold;
   horizontal-align: left;
   padding-left: 2;
   padding-right: 2;
   padding-top: 2;
   padding-bottom: 2;
}

.noActionsStyle {
   font-style: italic;
   text-align: left;
}

ctrl|FieldSet {
   titleBarStyleName: titleBarStyleName;
   collapseArrowStyleName: collapseArrowStyleName;
   expandBodyStyleName: expandBodyStyleName;
   collapseBodyStyleName: collapseBodyStyleName;
   expandArrowStyleName: expandArrowStyleName;
   expandDuration: 200;
   collapseDuration: 200;
   borderColor: #999999;
   borderAlpha: 0.5;
}

.titleBarStyleName {
   horizontalAlign: left;
   horizontalGap: 0;
   verticalAlign: middle;
   verticalGap: 0;
}

.expandArrowStyleName {
   upIcon: Embed(source="assets/images/arrowDownAdd.png");
   overIcon: Embed(source="assets/images/arrowDownAdd.png");
   downIcon: Embed(source="assets/images/arrowDownAdd.png");
}

.collapseBodyStyleName {
   paddingRight: 10;
}

.collapseArrowStyleName {
   upIcon: Embed(source="assets/images/arrowUpRemove.png");
   overIcon: Embed(source="assets/images/arrowUpRemove.png");
   downIcon: Embed(source="assets/images/arrowUpRemove.png");
}

.expandBodyStyleName {
   paddingRight: 10;
}

dashboard|Pod {
   padding-top: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   rounded-bottom-corners: false;
   border-thickness: 1px;
   border-style: solid;
   border-color: #999999;
   header-colors: #cccccc, #999999;
   highlight-alphas: .9, 0;
   background-color: #ffffff;
   corner-radius: 6px;
   header-height: 22px;
   shadow-direction: right;
   drop-shadow-color: #999999;
}

.podTitle {
   font-weight: bold;
}

dashboard|DragHighlight {
   border-color: #CCCCCC;
   border-thickness: 3px;
   border-style: solid;
   background-color: #F3F3F3;
}

.leftArrowButton {
   up-skin:		Embed("assets/images/left_arrow_up.gif");
   over-skin:		Embed("assets/images/left_arrow_over.gif");
   down-skin:		Embed("assets/images/left_arrow_up.gif");
   disabled-skin:	Embed("assets/images/left_arrow_disabled.gif");
}

.rightArrowButton {
   up-skin:		Embed("assets/images/right_arrow_up.gif");
   over-skin:		Embed("assets/images/right_arrow_over.gif");
   down-skin:		Embed("assets/images/right_arrow_up.gif");
   disabled-skin:	Embed("assets/images/right_arrow_disabled.gif");
}

.maximizeRestoreButton {
   up-skin:        	Embed("assets/images/maximize_up.png");
   over-skin:      	Embed("assets/images/maximize_over.png");
   down-skin:      	Embed("assets/images/maximize_up.png");
   selected-up-skin:   Embed("assets/images/restore_up.png");
   selected-over-skin: Embed("assets/images/restore_over.png");
   selected-down-skin: Embed("assets/images/restore_up.png");
}

.minimize {
   up-skin:        Embed("assets/images/minimize_up.png");
   over-skin:      Embed("assets/images/minimize_over.png");
   down-skin:      Embed("assets/images/minimize_up.png");
}
